<template>
    <div>
        <van-search v-model="value" shape="round" placeholder="海底两万里" @click="fn1" />
        <van-icon id="sa" name="scan" />
        <i class="iconfont icon-hui"></i>
        <i class="iconfont icon-xinxirenzheng"></i>
    </div>
</template>

<script>
    export default {
        methods: {
            fn1() {
                this.$router.push({path:"/search",query:{name:"index"}});
            },
        },
    }
</script>

<style lang="scss" scoped>
    div{
        display: flex;
        flex-wrap: 1;
        width: 100%;
        background: lightpink;
        .van-search{
            background: lightpink;
            width: 80vw;
            padding-right: 0vw;
        }
        #sa{
            left: -9vw;
            top: 5vw;
            font-size: 4vw;
        }
        img{
            width: 10%;
        }
        .iconfont{
            font-size: 6vw;
            padding-right: 1.5vw;
            padding-top: 3.5vw;
        }
    }
</style>